import validate from 'wechat-validate'

const app = getApp()

Page({
  data: {
    // 默认不显示倒计时
    countDownVisible: false,
    mobile: '16612345678',
    code: '',
  },

  // 类似于vue中的 mixins
  behaviors: [validate],

  // 定义校验规则
  rules: {
    mobile: [
      { required: true, message: '请填写手机号' },
      { pattern: /^1[3-9]\d{9}$/, message: '请填写正确的手机号' },
    ],
    code: [
      { required: true, message: '请填写验证码' },
      { pattern: /^\d{6}$/, message: '请填写正确的手验证码' },
    ],
  },

  onLoad(options) {
    const { redirectURL } = options
    // console.log(redirectURL)
    this.redirectURL = redirectURL
    // this.data.redirectURL = redirectURL
    // this.setData({ redirectURL })
  },

  countDownChange(ev) {
    this.setData({
      timeData: ev.detail,
      countDownVisible: ev.detail.minutes === 1 || ev.detail.seconds > 0,
    })
  },

  getSMSCode() {
    // 1. 获取手机号
    // 2. 校验手机号
    const { valid, message } = this.validate('mobile')
    if (!valid) {
      wx.utils.toast(message)
      return
    }
    // 3. 发送验证：调发送验证码的接口
    wx.http.get('/code', { mobile: this.data.mobile }).then((res) => {
      // console.log(res)
      if (res.code !== 10000) {
        return wx.utils.toast('获取验证码失败')
      }
      // 为了测试方便，将测试接口返回的验证码，直接写到输入框中
      this.setData({ code: res.data.code })
    })

    this.setData({ countDownVisible: true })
  },

  doLogin() {
    // 1. 校验手机号和验证码
    // 2. 调登录接口
    // 2.1 得到 token 和 refreshToken
    // 2.2 存储到本地，和 app 上
    // 根据 rules 规则，进去全部校验
    // const res = this.validate()
    if (!this.validate()) {
      return
    }
    const postData = {
      mobile: this.data.mobile,
      code: this.data.code,
    }
    wx.http.post('/login', postData).then((res) => {
      // console.log(res)
      if (res.code !== 10000) {
        return wx.utils.toast('登录失败')
      }
      // 保持token和refreshToken，要token挂载到app上
      const { token, refreshToken } = res.data
      wx.setStorageSync('token', token)
      wx.setStorageSync('refreshToken', refreshToken)
      app.token = token
      // 3. 跳转到来的那个页面
      if (!this.redirectURL) {
        return wx.navigateBack()
      }
      wx.redirectTo({
        url: this.redirectURL,
      })
    })
  },
})
